<script setup lang="ts">
import { useThemeStore } from '@/store';
const themeStore = useThemeStore();
const mode = computed(() => themeStore.getTheme);
</script>

<template>
  <div class="blank">
    <img v-if="mode === 'light'" src="https://img.xxsoftware.top/svg/record.svg" mode="widthFix" />
    <img v-else src="https://img.xxsoftware.top/svg/record-dark.svg" mode="widthFix" />
    <span class="blank_text">暂时还没有记录. 快去记一笔吧~</span>
  </div>
</template>
<style lang="scss">
.blank {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .blank_text {
    color: #999999;
    font-size: 12px;
  }
}
</style>
